<!--我的题库页-->
<link rel="stylesheet" href="css/my_questions.css" />
<div class="myquestions am-g am-g-fixed" ms-controller="myquestions">
	<div class="am-u-sm-12 inputQuestion">
		<button class="am-btn standardInput">标准录题</button>
		<button class="am-btn simpleInput">简化录题</button>
	</div>
	<div class="am-u-sm-4 leftSide">		
		<div class="titleArea">
			<h4>题库</h4>
			<button type="button" class="am-btn"><span class="am-icon-plus-circle am-icon-sm"></span> 添加收藏夹</button>
		</div>
		<div>
			<ul class="am-list">
				<li>
					<div class="am-fl">
						<a href="#" class="am-text-truncate">系统题库</a>
					</div>
					<div class="am-fr">
						<a class="am-icon-edit"> 编辑</a>
						<a class="am-icon-times-circle-o"> 删除</a>
					</div>
					
				</li>
				<li>
					<div class="am-fl">
						<a href="#" class="am-text-truncate">我收藏的题目</a>
					</div>
					<div class="am-fr">
						<a class="am-icon-edit"> 编辑</a>
						<a class="am-icon-times-circle-o"> 删除</a>
					</div>
				</li>
				<li class="active">
					<div class="am-fl">
						<a href="#" class="am-text-truncate">自定义收藏夹</a>
					</div>
					<div class="am-fr">
						<a class="am-icon-edit"> 编辑</a>
						<a class="am-icon-times-circle-o"> 删除</a>
					</div>
				</li>
				
			</ul>
		
		</div>
	</div>
	<div class="am-u-sm-8 rightSide">
		<!--左侧小指针-->
		<div class="pointer">
			<div>
				<span class="am-icon-caret-left"></span>
			</div>
		</div>
		<!--具体内容-->
		<div class="rightContent">
			<div class="titleArea">
				<span>科目:</span>
				<select data-am-selected>
  					<option value="a">高中英语</option>
				    <option value="b">高中英语</option>
  					<option value="o">高中英语</option>
  					<option value="m">高中英语</option>
 				    <option value="d" disabled>禁用鸟</option>
                </select>
				<input class="am-fr" type="search" placeholder="搜索关键词" />
			</div>
			<!--检索条件区域-->
			<div class="retrievalArea">
				<div class="head">
					<span class="title">筛选条件</span>
					<span class="caret"><i class="am-icon-caret-down"></i></span>
					<a>全部取消</a>
				</div>
				<table>
					<tr>
						<td>全部题型：</td>
						<td class="allQuestions">
							<a>选择题</a> <a>填空题</a> <a>多项选择题</a> <a>阅读题</a> <a>材料题</a> <a>判断题</a> <a>分析题</a> <a>其他</a>
						</td>
					</tr>
					<tr>
						<td>知识点：</td>
						<td>
							<div class="addBt" ms-click='addPoint'><span class="am-icon-plus-circle"></span> 添加知识点</div>
							<div class="slideItem">
								<div class="title">知识点1-1-1</div>
								<div class="button"><a>删除</a></div>								
					        </div>
						</td>
					</tr>
					<tr>
						<td>解题技巧：</td>
						<td>
							<div class="addBt" ms-click='addPoint'><span class="am-icon-plus-circle"></span> 添加知识点</div>
							<div class="slideItem">
								<div class="title">知识点1-1-1</div>
								<div class="button"><a>删除</a></div>								
					        </div>
						</td>
					</tr>
					<tr>
						<td>题目难度：</td>
						<td>
							<div id="raty"></div>
						</td>
					</tr>
					<tr>
						<td>录入人员：</td>
						<td class="allTeachers">
							<a>王老师</a> <a>张老师</a> <a>王老师</a> <a>张老师</a> <a>王老师</a> <a>其他</a>
						</td>
					</tr>
					<tr>
						<td>录入时间：</td>
						<td>
						<input type="date" placeholder="开始时间" />&nbsp;&nbsp;至&nbsp;&nbsp;<input type="date" placeholder="结束时间" />
						</td>
					</tr>
					<tr>
						<td>错误率：</td>
						<td>
							<input type="number" />%&nbsp;&nbsp;至&nbsp;&nbsp;<input type="number" />%
						</td>
					</tr>
					<tr>
						<td>引用次数：</td>
						<td>
							<input type="number" />&nbsp;&nbsp;至&nbsp;&nbsp;<input type="number" />
						</td>
					</tr>
					<tr>
						<td>视频讲解：</td>
						<td>
							<a>有</a>  <a>无</a>
						</td>
					</tr>
					<tr>
						<td>题目ID：</td>
						<td>
							<input type="text" placeholder="请输入题目ID" />
						</td>
					</tr>
					<tr class="button">
						<td></td>	
						<td><button type="button" class="am-btn am-btn-warning am-radius">确   定</button></td>
					</tr>
				</table>				
			</div>
			<!--检索条件区域 End-->
				<p>
					<div class="arrangement">
						排列方式:
						<button class="am-btn active">录入时间&nbsp;&nbsp;<i class="am-icon-arrow-up"></i></button>
						<button class="am-btn">错误率</button>
						<button class="am-btn">引用次数</button>
					</div>
				</p>
				<!--题目的显示区域-->
				<div class="allItemShow">
					<p class="titleArea">共计：<span>1000</span> 道题</p>
					
					
					
					<!--每一道题-->
					<div class="topicItem">
						<table>
							<tr>
								<td>题目ID：<span>1000</span></td>
								<td>难度：<div class="readonlyStar"></div></td>
								<td>录入时间：<span>2015.6.10 13:00:00</span></td>
								<td>录入人：<span>张三</span></td>
							</tr>
							<tr>
								<td colspan="4">
									题目主题内容
								</td>								
							</tr>
							<tr>
								<td colspan="4">
									<div class="bottom">
										错误率：<span class="errorRate">50%</span>
										引用次数：<span class="cited">100</span>
										<a href="#!/my/video" class="am-btn am-btn-primary am-radius">视频解析<a>
										<button type="button" class="am-btn am-btn-danger am-radius">取消收藏</button>
									</div>
								</td>
							</tr>
						</table>
					</div>
					
					<div class="topicItem">
						<table>
							<tr>
								<td>题目ID：<span>1000</span></td>
								<td>难度：<div class="readonlyStar"></div></td>
								<td>录入时间：<span>2015.6.10 13:00:00</span></td>
								<td>录入人：<span>张三</span></td>
							</tr>
							<tr>
								<td colspan="4">
									题目主题内容
								</td>								
							</tr>
							<tr>
								<td colspan="4">
									<div class="bottom">
										错误率：<span class="errorRate">50%</span>
										引用次数：<span class="cited">100</span>
										<a href="#!/my/video" class="am-btn am-btn-primary am-radius">视频解析<a>
										<button data-am-modal="{target: '#question_collect_modal'}" type="button" class="am-btn am-btn-collect am-radius">收藏</button>
									</div>
								</td>
							</tr>
						</table>
					</div>
				</div>
		</div>
		<!--分页部分-->
		<div class="pageNumber" >
           <ul>
           	<li><a>首页</a></li>
           	<li><a>上一页</a></li>
           	<li><a>1</a></li>
           	<li><a>2</a></li>
           	<li><a>3</a></li>
           	<li><a>4</a></li>
           	<li><a>...</a></li>
           	<li><a>5</a></li>
           	<li><a>下一页</a></li>
           	<li><input type="text" style="width: 20px;"></li>
           	<li><a>跳转</a></li>
           </ul>

		</div>
		
	</div>
</div>

<!--添加知识点对话框-->
<div class="am-modal" tabindex="-1" id="question_addpoint_modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">添加知识点
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">
    	<div class="points">
    		<div class="item">
    			教学知识点1-2<span class="am-icon-times-circle-o"></span>
    		</div>
    		<div class="item">
    			教学知识点1-2<span class="am-icon-times-circle-o"></span>
    		</div>
    		<div class="item">
    			教学知识点1-2<span class="am-icon-times-circle-o"></span>
    		</div>
    		<div class="item">
    			教学知识点1-2<span class="am-icon-times-circle-o"></span>
    		</div>
    		<div class="item">
    			教学知识点1-2<span class="am-icon-times-circle-o"></span>
    		</div>
    	</div>
    	
    	<div class="pointsList">
    		<div>
    			<h3>一级知识点</h3>
    			<ul class="am-list">
    				<li>教学知识点1</li>
    				<li>教学知识点2</li>
    				<li>教学知识点3</li>
    			</ul>
    		</div>
    		<div>
    			<h3>一级知识点</h3>
    			<ul class="am-list">
    				<li>教学知识点1</li>
    				<li>教学知识点2</li>
    				<li>教学知识点3</li>
    			</ul>
    		</div>
    		<div>
    			<h3>一级知识点</h3>
    			<ul class="am-list">
    				<li>教学知识点1</li>
    				<li>教学知识点2</li>
    				<li>教学知识点3</li>
    			</ul>
    		</div>
    	</div>
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm>保存</span>
    </div>
  </div>
</div>

<!--我的收藏夹对话框-->
<div class="am-modal" tabindex="-1" id="question_collect_modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">收藏
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">
    	<div class="am-checkbox">
	      <label>
	        <input type="checkbox"> 我收藏的题目
	      </label>
	    </div>
	    <div class="am-checkbox">
	      <label>
	        <input type="checkbox"> 我dad的题目
	      </label>
	    </div>
	    <div class="am-checkbox">
	      <label>
	        <input type="checkbox"> 我sasa的题目
	      </label>
	    </div>
	    <div class="am-checkbox">
	      <label>
	        <a class="am-icon-plus-circle">&nbsp;&nbsp;&nbsp;创建收藏夹</a>
	      </label>
	    </div>
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm>保存</span>
    </div>
  </div>
</div>

<!--星星控件-->
<script type="text/javascript" src="lib/jquery.raty.min.js" ></script>
<script type="text/javascript" src="js/my_questions.js" ></script>